<template>
<view>
		<image class="img-1" src="../../static/banner/jifen.png" mode="widthFix"></image>
	</view>
	<view class="box01">
		<view>
			<image class="img-2" src="../../static/wu/jifen-icon.png" mode="widthFix"></image> <text
				class="text-1">本月暂无即将到期的积分</text>
		</view>

		<text class="text-2">13</text>
		<view class="box02">
			<text class="text-3">查看积分规则</text>
			<image class="img-3" src="../../static/icon/yj.png" mode="widthFix"></image>
		</view>
	</view>
	
	<view class="box03">
		<view class="box04">
			<view style="margin-right:213rpx;"><p>消费返积分</p><p class="text-4">2022-03-18   12:25:27</p></view>
			<view><p class="text-5">13</p></view>
		</view>
	
	
	
	
	</view>
</template>

<script setup>
			
</script>

<style>
	page {
		background-color: #f8f8f8;
	}

	.img-1 {
		width: 747rpx;
		height: 279rpx;
	}

	.box01 {
		width: 690rpx;
		height: 212rpx;
		background-color: white;
		border-radius: 7%;
		margin: auto;
		position: relative;
		top: -54rpx;
		color: #616161;
		padding: 36rpx 45rpx;
		box-sizing: border-box;
	}

	.img-2 {
		width: 29rpx;
		margin-right: 19rpx;

	}

	.img-3 {
		width: 21rpx;
		margin-left: 12rpx;
	}

	.box02 {
		position: absolute;
		top: 140rpx;
		right: 72rpx;

	}

	.text-2 {
		font-size: 97rpx;
		color: #345ab6;
		margin-top: 22rpx;
		display: block
	}
	
	.box03{
		width: 690rpx;
		height: 897rpx;
		background-color: white;
		border-radius: 7%;
		margin: auto;
		padding: 36rpx 45rpx;
		box-sizing: border-box;
	}
	
	.box04{
		display: flex;
		border-bottom: 2rpx solid #e2e1e1;
		    padding-bottom: 30rpx;

	}
	
	.text-4{
		font-size: 28rpx;
		margin-top: 24rpx;
		color: #cccccc;
	}
	
	.text-5{
		font-size: 52rpx;
		color: #cccccc;
	}
</style>
